@charset "utf-8";
@keyframes qh {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translate(0);
	}
	25% {
		transform: translate(-100%);
	}

	45% {
		transform: translate(-100%);
	}
	50% {
		transform: translate(-200%);
	}

	70% {
		transform: translate(-200%);
	}
	75% {
		transform: translate(-300%);
	}
	95% {
		transform: translate(-300%);
	}
	100% {
		transform: translate(-400%);
	}
}

a{color: #404040;}
.nav li:nth-of-type(2) a {
	color: white;
}

.nav li:nth-of-type(2) {
	background: url(../images/nav-hover.png) no-repeat;
}


.banner_lun {
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;
}

.figure {width: 500%;
height: 580px;
/*overflow-y: hidden;*/
	
}

.figure img {width: 20%;
height: 580px;	
	float: left;
	animation: qh 8s infinite;
}

.font_img {
	width: 426px;
	height: 580px;
	background: rgba(0, 0, 0, .4);
	text-align: center;
	overflow:hidden;
	position: absolute;
	left: 0px;
	top: 0px;
}

.font_img img {
	width: 360px;
	margin-top: 180px;
}

.place {
	color: #404040;
	margin-top: 30px;
	width: 100%;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	background: #e5e5e5;
}

.place p {
	width: 960px;
	margin:0 auto;
}

.place a {
	color: #404040;
}

.place a:hover {
	color: #F5B110;
}

.nav_txt {
	width: 100%;
	margin: 30px auto;
}

.nav_txt ul {
	width: 960px;
	margin: 0px auto;
}

.nav_txt li {
	width: 136px;
	height: 30px;
	line-height: 30px;
	float: left;
	font-size: 18px;
	text-align: center;	
	position: relative;
}


.nav_sp a{
	color: #404040;
}

.nav_sp a:hover {
	color: #f5b110;
}

.nav_sp a:hover span {
	display: block;
}

.line {
	width: 960px;
	margin: 0px auto;
	border-top: 2px solid black;
	position: relative;
	margin-top: 10px;
}

.nav_sp span {
	display: inline-block;
	width: 36px;
	height: 6px;
	background: #f5b110;
	position: absolute;
	left: 49px;
	bottom: -14px;
	z-index: 1;
	display: none;
}


/*以下是主要内容的样式*/

.content {
	width: 960px;
	margin: 0px auto;
}

.imge {
	
	position: relative;
}

.imge img {
	width: 552px;
}

.more a {
	width: 552px;
	height: 381px;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0px;
	top: 0px;
}

.more {
	opacity: 0;
}

.more:hover {
	opacity: 1;
}

.more span {
	display: block;
	font-size: 18px;
	color: white;
	width: 110px;
	height: 42px;
	line-height: 42px;	
	border: 1px solid white;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -80px;
	margin-top: -21px;
	padding-left: 10px;
	background: url(../images/dicon_2.png) no-repeat 88px center;
}

.txt {
	width: 400px;
	height: 380px;
	background: #fcb43f;
	margin-left: 8px;
	position: relative;
}

.txt ul {
	width: 310px;
	height: 180px;
	margin: 0px auto;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -155px;
	margin-top: -90px;
}

.txt ul li {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
}

.txt ul li:nth-of-type(1) {
	font-size: 20px;
	color: #404040;	
	margin-bottom: 10px;
}

.txt ul li span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: black;
	margin: 0px 10px;
	margin-bottom: 2px;
	border-radius: 50%;
}

#r_margin {
	margin-left: 0px;
	margin-right: 8px;
}

.mbox {
	position: relative;
	margin-bottom: 6px;
}

.icon_img {
	position: absolute;
	left: 515px;
	top: 150px;
}

.icon_img_1 {
	position: absolute;
	left: 363px;
	top: 150px;
}

.btn_txt {
	width: 160px;
	height: 60px;
	text-align: center;
	line-height:60px;
	margin: 0px auto;
	margin-bottom: 30px;
	background: url(../images/more.png) no-repeat center center;
}

.btn_txt a {
	color: white;
}


/*以下是弹窗广告样式*/

.ad{width: 100%;
height: 100px;
background: rgba(0,0,0,0.4);

position: fixed;
left: 0px;
bottom: 0px;
}


.free{
color: white;
padding-top: 15px;
position: relative;
}

.ad h1{
margin-left: 100px;
}
.ad p{font-size: 22px;
margin-left:20px;
position: absolute;
left: 220px;
bottom: 0px;
}

.fom{position: absolute;
right: 0px;
top: 35px;
width: 960px;
text-align: center;
/*border: 1px solid red;*/}

form{width: 620px;
	margin-left:180px;
	padding-left: 80px;
	}
.nam,.cal{width: 220px;
height: 42px;
line-height: 42px;
background: white;
margin-right: 20px;
border-radius: 16px;
}

input[type=text]{outline: none; border:0px; height: 30px;}

input[type=submit]{width: 140px;
line-height: 42px;
height:42px;
border-radius: 16px;   
    background: #f5b110;
    border: 1px solid #f5b110;
    color: #fff;
    font-size: 20px;
    outline: none;}
    
 .bttn{width: 30px;
 height: 30px;
 line-height: 30px;
 font-size: 24px;
 text-align: center; 
 vertical-align: middle;
 border-radius: 50%;
 background: rgba(255,255,255,0.7);
 position: absolute;
 right: 4px;
 top: 4px;
 cursor: pointer;
 }   
::placeholder{font-size: 16px;}